/* Apply to Study in the USA - 100% Free Consultation */

.Apply div{
    margin: 16px 0;
   text-align: center;
    font-size: 14px;
}
.Apply div h1{
    margin: 25px 0;
    font-size: 28px;
}

.Apply div span{
    color: #0d6efd;
}
.Apply div p{
    margin-bottom: 0px;
}
.img{
    padding: 16px 0;
    background-color: #ebebeb;
}
.studyinusa{
    padding: 16px 0px 10px;
        text-align: center;
        font-size: 14px;
}
.studyinusa{
    margin-bottom: 16px;
    color: #0b3773;
}
.studyinusa p{
    margin-bottom: 0;
}
.studyinusa h2{
    margin: 16px 0;
}
.readMore h3{
    margin: 16px 0 8px 0;
font-size: 15px;
}
.readMore p{
    margin-bottom: 16px;
    font-size: 14px;
}
.readMore a{
text-decoration: none;
}
.readMore ul{
    width: 240px;
    height: 245px;

}
.readMore{
    display: flex;
justify-content: center;
margin-top: 30px;
}
.btns{
    background-color: #0b3773!important;
    border: 0!important;
}
.btns:hover{
    background-color: #fff!important;
    color:#0b3773 !important;
    border: 1px solid #0b3773 !important;
}
.popular{
    padding: 16px 0px;
    text-align: center;
    background-color: #ebebeb;
}
.popular ul{
    display: flex;
    justify-content: center;
}
.popular h2{
    margin: 16px 0;
        font-size: 26px;
        color: #0b3773;
}
.global{
   text-align: center;
   padding: 16px 12px 0px;
}
.news{
    display: flex;
    justify-content: center;
    margin-top: 10px;
}
.new , .event{
width: 410px;
height: 424px;
background-color:#e9edf9;
margin:0 12px ;
}
.news h3, .event h3{
    margin: 0 12px;
    font-size: 22px;
}
.new h6 ,.new p,.event h6,
.event p{
    font-size: 14px;
}
.new h6,.event h6{
    padding: 15px 0 0;
}
.new p,.event p{
    padding: 10px 0;
}
.new ul li,.event ul li{
    display: block;
    border-bottom: 1px dashed black;
    height: 100%;
    width: 340px;
}
.news button{
    margin: 0px 0px 0px 155px
}
.study h3{
    margin: 0;
   margin-left: 37px;
    width:232px;
    height: 37px;
    background-color: #e9edf9;
    font-size: 14px;
    padding: 10px 0px 10px 0px;
    color: #555;
}
.study a{

text-decoration: none;
color: #555;

}
.study ul li:nth-child(2)
,.study ul li:nth-child(3){
    padding-bottom: 5px;
    font-size: 14px ;
    color: #555;
border-bottom: 1px dashed black;
}
.study ul{
    margin: 0 5px;
    width: 300px;
    height: 100%;
}
.study{
    display: flex;
    justify-content: center;
}
.study img{
    width: 230px;
    height: 200px;
}
.gradient-border h3{
    font-size: 22px;
}
.gradient-border{
    text-align: center;
    margin: 14px 616px 15px 5px;
}
/* olivia */
.bam{
   padding-top: 30px;
    width: 640px;
    height: 346px;
}
.olivia .imgs img{
    margin-top: 42px;
    width: 296px;
    height: 338px;
    background-color: #edf4ff;
}
.olivia{
    display: flex;
    justify-content: center;
    margin-top: 50px;
    width: 100%;
    height: 380px;
    background-color: #edf4ff;
}

.olivia span{
    font-size: 18px;
}
.olivia strong:first-child{
    top:15px;
    left:15px
}
.oli{
    padding-top: 70px;
}
/* 走马灯轮播图 */
 #carousel-container {
     /*overflow: auto; !*设置为auto可以更直观的理解该方法的原理：即用js滚动元素，当超过某一数值时，滚动条复位，重复循环来达到走马灯的效果*!*/
     overflow: hidden;
     /* 隐藏滚动条，走马灯效果更好*/
     white-space: nowrap;
 }

 #carousel-container>div {
     display: inline-block;
     width: 230px;
     height: 90px;
 }
#carousel-container{
    margin-left: 460px;
    width: 960px;
    height: 100%;
}
 